<template>
  <div class="personInfo-view">
    <van-nav-bar title="个人资料" left-arrow @click-left="navigateOwner" />
    <van-cell-group>
      <van-cell title="头像" value="内容">
        <template #default>
          <van-image round width="25px" height="25px" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        </template>
      </van-cell>
      <van-cell title="用户名" value="陈嘉慧" />
      <van-cell title="性别" value="男" />
      <van-cell title="绑定手机" value="158-0708-5613" />
      <van-cell title="收货地址" is-link arrow-direction to="/address" />
      <van-cell title="绑定微信" value="已绑定" is-link arrow-direction to="/" />
    </van-cell-group>
    <van-button round type="info">退出登陆</van-button>
  </div>
</template>
<script>
export default {
  methods: {
    navigateOwner() {
      this.$router.push("/owner");
    }
  }
};
</script>
<style lang="less">
.personInfo-view {
  height: calc(100% - 46px);

  .van-button {
    width: 100%;
    background-color: #426496;
    border: transparent;
    position: fixed;
    bottom: 20px;
    left: 0;
  }
}
</style>